<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/running_target.css">
</head>
<body>
    <header class="header">
        <span><</span>
    </header>
    <main class="main">
        <h2>跑步目标</h2>
        <p>选择最终要达成的目标</p>
        <form action="#">
            <div class="run_target">
                <input type="radio" id="three_km" name="radio" checked>
                <label for="three_km">3公里</label>
                <p>从未完成过1公里以上跑步的人</p>
            </div>
            <div class="run_target">
                <input type="radio" id="five_km" name="radio">
                <label for="five_km">5公里</label>
                <p>长期能跑2,3公里的人</p>
            </div>
            <div class="run_target">
                <input type="radio" id="ten_km" name="radio">
                <label for="ten_km">10公里</label>
                <p>至少能完成5公里,想要突破自己的人</p>
            </div>
            <div class="run_target">
                <input type="radio" id="half_marathon" name="radio">
                <label for="half_marathon">半程马拉松</label>
                <p>能完成10公里,并养成了跑步习惯的人</p>
            </div>
            <div class="run_target">
                <input type="radio" id="marathon" name="radio">
                <label for="marathon">全程马拉松</label>
                <p>能完成15公里,并养成了跑步习惯的人</p>
            </div>
        </form>
    </main>
    <footer class="footer">
        <a href="javascript:viod(0);">下一步</a>
    </footer>
</body>
</html>